<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title>美丽成都</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


  <!-- Vendor CSS Files -->
  <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  

  <!--Main CSS File -->
  <link rel="stylesheet" href="text.css">
  <link href="style.css" rel="stylesheet">
  <script src="jquery-3.6.0.js"></script>

<body>
  <div class="nave">
    <ul class="navelist">
        <li><a href="首页.html">首页</a><li>
        <li><a href="著名人物.html">著名人物</a></li>    
        <li><a href="旅游景点.html">旅游景点</a></li>    
        <li><a href="成都美食.html">成都美食</a></li>    
        <li><a href="历史文化.html">历史文化</a></li>
        <li><a href="登录.html">登录</a></li>
    </ul>
  </div>
 



  <!-- ======= 头部轮播图 ======= -->
  <section id="hero">
    <div class="container">
      <div class="col-lg-6" id="person" >
        
      </div>
    </div>
    <div id="heroCarousel" class="carousel slide carousel-fade" data-ride="carousel">

      <ol class="carousel-indicators" id="hero-carousel-indicators"></ol>

      <div class="carousel-inner" role="listbox">

        <!-- Slide 1 -->
        <div class="carousel-item active" style="background-image: url(首页/slide/chengdu.1.png)"></div>

        <!-- Slide 2 -->
        <div class="carousel-item" style="background-image: url(首页/slide/chengdu3.jpg)">
        </div>

        <!-- Slide 3 -->
        <div class="carousel-item" style="background-image: url(首页/slide/chengdu4.jpg)">
        </div>

        <!-- Slide 4 -->
        <div class="carousel-item" style="background-image: url(首页/slide/chengdu5.jpg)">
        </div>

      </div>


      <a class="carousel-control-prev" href="#heroCarousel" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon icofont-simple-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>

      <a class="carousel-control-next" href="#heroCarousel" role="button" data-slide="next">
        <span class="carousel-control-next-icon icofont-simple-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>

    </div>
  </section><!-- End Hero -->

  <main id="main">

    <!-- ======= 首页介绍 ======= -->
    <section id="about" class="about">
      <div class="container">

        <div class="section-title">
          <h2>历史文化</h2>
          <p>
            成都为1982年国务院批准的首批国家级24座历史文化名城之一。拥有4500年城市文明史，历史悠久，文化源远流长。据史书记载，公元前四世纪，古蜀国王开明九世于“广都樊乡”（今双流境）“徙治成都”，构筑城池，是中国2300多年城址未变、城名未改、延续至今最古老的城市之一。作为中华文明的重要起源地和中国西南地区的政治经济文化中心，其发展历程、文化兴衰、历史文化遗产都具有相当的独特性。
          </p>
        </div>

        <div class="row content">
          <div class="col-lg-6">
            <img src="首页/chengdu.2.png" class="img-fluid" alt="">
          </div>
          <div class="col-lg-6 pt-4 pt-lg-0">
            <p>
              成都作为一座历史文化名城，拥有古蜀文化、水利文化、丝路文化、三国文化等传统文化基因，4500年的文明史，2300多年的建城史，为成都留下了丰富的文化积淀与弥足珍贵的历史文化遗产，包括青城山、青羊宫、宝墩、三星堆、金沙遗址、武侯祠、杜甫草堂、大熊猫基地等众多的历史文化遗产资源。
            </p>
            <p>
              成都的城市布局注重与自然环境充分结合，形成了川西平原上“青山绿水抱林盘，大城小镇嵌田园”的整体特征。成都古城城市空间格局的传承性极强，至今仍保持着大城、皇城、少城的格局，府、南河环抱古城，形成“三城相重、两江环抱”的特征，并保留了的独特的道路网络。
            </p>
            <p>
              成都历史文化资源丰富，有国家级历史文化名城2个，分别为成都市和都江堰市；省级历史文化名城3个，分别为新都区、崇州市、邛崃市；中国历史文化名镇6个，分别为安仁镇、新场镇、平乐镇、洛带镇、五凤镇和黄龙溪镇；省市级历史文化名镇18个，省市级历史文化名村8个；全国重点文物保护单位39处，省市区县级文物保护单位556处；世界遗产2处；国家级非物质文化遗产22项，省市级非物质文化遗产102项；历史文化街区12片；古树名木8459余株。
            </p>
            <a href="历史文化.html" class="btn-learn-more">更多介绍...</a>
          </div>
        </div>

      </div>
    </section><!-- End introduce Section -->



    <!-- ======= 专题Section ======= -->
    <section id="recent-photos" class="recent-photos">
      <div class="container">

        <div class="section-title">
          <h2>美丽风貌</h2>
          <p><h4>天府之国，美名远传</h4></p>
        </div>

        <div class="row">
          <div class="col-lg-6 col-md-4 imgArea">
            <div class="thumbnail">
              <a href="news_01.html" target="_blank">
                <img src="首页/picture1.jpg" alt="...">
              </a>
            </div>
          </div>
          <div class="col-lg-6 col-md-4 imgArea">
            <div class="thumbnail">
              <a href="news_02.html" target="_blank">
                <img src="首页/picture2.jpg" alt="...">
              </a>
            </div>
          </div>
          <div class="col-lg-6 col-md-4 imgArea">
            <div class="thumbnail">
              <a href="news_03.html" target="_blank">
                <img src="首页/picture3.jpg" alt="...">
              </a>
            </div>
          </div>

          <div class="col-lg-6 col-md-4 imgArea">
            <div class="thumbnail">
              <a href="news_04.html" target="_blank">
                <img src="首页/slide/chengdu4.jpg" alt="...">
              </a>
            </div>
          </div>
        </div>

          <div class="col-lg-10 col-md-4 imgArea">
            <div class="thumbnail">
              <a href="news_05.html" target="_blank">
                <img src="首页/slide/chengdu5.jpg" alt="..." id="fifthimg">
              </a>
            </div>
          </div>
        </div>

      </div>
    </section><!-- End 专题 Section -->

    


  </main><!-- End #main -->

  <!-- ======= Footer ======= -->

  <a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a>

  <!-- Vendor JS Files -->
  <script src="vendor/jquery/jquery.min.js"></script>
  <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="vendor/jquery.easing/jquery.easing.min.js"></script>
  <script src="vendor/owl.carousel/owl.carousel.min.js"></script>
  <script src="vendor/venobox/venobox.min.js"></script>
  <script src="vendor/isotope-layout/isotope.pkgd.min.js"></script>

  <!-- Main JS File -->
  <script src="main.js"></script>

</body>

</html>